<template>
  <div>
    <template>
      <template v-if="tableData.REPORT.totalCount>0">
        <h4>研报</h4>
        <ListReport class="list-wrap" :max="5" :data="tableData.REPORT.list"/>
      </template>
      <template v-if="tableData.CHART.totalCount>0">
        <h4>图表</h4>
        <ListChart class="list-wrap" :max="3" :data="tableData.CHART.list"/>
      </template>
      <template v-if="tableData.ACTIVITY.totalCount>0">
        <h4>活动</h4>
        <ListActivity class="list-wrap" :max="3" :data="tableData.ACTIVITY.list"/>
      </template>
      <template v-if="tableData.STOCK.totalCount>0">
        <h4>个股</h4>
        <ListIndividuate class="list-wrap" :max="3" :data="tableData.STOCK.list"></ListIndividuate>
      </template>
      <template v-if="tableData.AGGREGATION.totalCount>0">
        <h4>合集</h4>
        <ListCollection class="list-wrap" :max="3" :data="tableData.AGGREGATION.list"></ListCollection>
      </template>
    </template>
    <template v-if="totalCount == 0">
      <el-empty></el-empty>
    </template>
  </div>
</template>

<script>
import titleSearch from '@/components/businessComponents/titleSearch/titleSearch.vue';
import FilterItem from '../components/FilterItem';
import ListReport from '../components/ListReport';
import ListChart from '../components/ListChart';
import ListActivity from '../components/ListActivity';
import ListIndividuate from '../components/ListIndividuate';
import ListCollection from '../components/ListCollection';

export default {
  components: {
    titleSearch,
    FilterItem,
    ListReport,
    ListChart,
    ListActivity,
    ListIndividuate,
    ListCollection
  },
  props: {
    tableData: {
      type: Object,
      default: function () {
        return {};
      }
    },
    totalCount: {
      // eslint-disable-next-line vue/require-prop-type-constructor
      type: String | Number,
      default: 0
    }
  },
  data () {
    return {
      searchType: 'research',
      date: '',
      pickerDate: '',
      isOpen: false, // 是否是展开状态
      loading: true, // 加载中
      industryData: [], // 所有领域
      oneId: '', // 当前选中领域的Id
      AnalystDate: '', // 所有分析师
      keyword: '' // 输入框输入的value
    };
  },
  computed: {
  },
  methods: {

  },
  mounted () {

  }
};
</script>
<style lang="scss" scoped>
h4{
  font-style: normal;
  font-size: 16px;
  color: #2468F2;
  margin-bottom:15px;
}
.list-wrap{
  margin-bottom: 17px;
}
::v-deep .el-empty{
  padding: 0;
  .el-empty__image{
    width: 140px;
  }
}
</style>
